<!doctype html>
<html lang="">
<head>
  <meta charset="utf-8">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>DESCENTE H5_MAIN</title>

  <link rel="apple-touch-icon" href="apple-touch-icon.png">
  <!-- Place favicon.ico in the root directory -->

  <!-- build:css styles/vendor.css -->
  <!-- bower:css -->
  <link rel="stylesheet" href="/bower_components/swiper/dist/css/swiper.css" />
  <link rel="stylesheet" href="/bower_components/animate.css/animate.css" />
  <!-- endbower -->
  <!-- endbuild -->

  <!-- build:css styles/main.css -->
  <link rel="stylesheet" href="styles/main.css">
  <!-- endbuild -->

</head>
<body class="no-select">
<div id="main">
</div>
<section id="LOADING_PAGE"></section>

<section id="BRAND_HISTORY" style="display: none">
  <div class="history_main">
    <div class="logo"></div>
    <div class="history history_1930_1979 animated pulse delay-1s"></div>
    <div class="history history_1980_1999 animated pulse delay-2s"></div>
    <div class="history history_2000_2009 animated pulse delay-3s"></div>
    <div class="history history_2010_2018 animated pulse delay-4s"></div>
  </div>
</section>
<div class="history_list" toggle="hide">
  <div class="history_header">
    <div class="nav_logo"></div>
    <ul class="brand_history_nav">
      <li class="active">
        <div class="ACTIVE"></div>
      </li>
      <li>
        <div class="ACTIVE"></div>
      </li>
      <li>
        <div class="ACTIVE"></div>
      </li>
      <li>
        <div class="ACTIVE"></div>
      </li>
    </ul>
    <div class="nav_bar"></div>
  </div>
  <div class="history_wrapper">
    <ul class="history_content">
      <li>
        <div class="History_1930-1979_01"></div>
        <div class="History_1930-1979_02"></div>
        <div class="History_1930-1979_03"></div>
        <div class="History_1930-1979_04"></div>
        <div class="History_1930-1979_05"></div>
        <div class="History_1930-1979_06"></div>
        <div class="History_1930-1979_07"></div>
        <div class="History_1930-1979_08"></div>
        <div class="History_1930-1979_09"></div>
      </li>
      <li>
        <div class="History_Timeline_01"></div>
        <div class="History_Timeline_02"></div>
        <div class="History_Timeline_03"></div>
        <div class="History_Timeline_04"></div>
        <div class="History_Timeline_05"></div>
        <div class="History_Timeline_06"></div>
        <div class="History_Timeline_07"></div>
        <div class="History_Timeline_08"></div>
        <div class="History_Timeline_09"></div>
      </li>
      <li>
        <div class="History_Timeline_11"></div>
        <div class="History_Timeline_12"></div>
        <div class="History_Timeline_13"></div>
        <div class="History_Timeline_14"></div>
        <div class="History_Timeline_15"></div>
        <div class="History_Timeline_16"></div>
        <div class="History_Timeline_17"></div>
      </li>
      <li>
        <div class="History_Timeline_19"></div>
        <div class="History_Timeline_20"></div>
        <div class="History_Timeline_21"></div>
        <div class="History_Timeline_22"></div>
        <div class="History_Timeline_23"></div>
        <div class="History_Timeline_24"></div>
        <div class="History_Timeline_25"></div>
        <div class="History_Timeline_26"></div>
        <div class="History_Timeline_27"></div>
      </li>
    </ul>
  </div>
</div>
<section id="INNOVATIVE_TECH" style="display: none">
  <img class="tech_bg disabled_img_long_press" src="images/Background.jpg" alt="">
  <div class="logo"></div>
  <!-- ALLTERRAIN -->
  <div class="ALLTERRAIN"></div>
  <div class="ALLTERRAIN_LINE"></div>
  <!-- FusionKnit -->
  <div class="FusionKnit"></div>
  <div class="FusionKnit_Line"></div>
  <!-- HEAT_NAVI -->
  <div class="HEAT_NAVI"></div>
  <div class="HEAT_NAVI_Line"></div>
  <!-- F-360 -->
  <div class="F_360"></div>
  <div class="F_360_Line"></div>
  <!-- PT_ZERO -->
  <div class="PT_ZERO"></div>
  <div class="PT_ZERO_Line"></div>
  <!-- Motion_Knit -->
  <div class="Motion_Knit"></div>
  <div class="Motion_Knit_Line"></div>
  <!-- S.I.O. -->
  <div class="SIO"></div>
  <div class="SIO_Line"></div>
  <!-- Motion -->
  <div class="Motion_3D"></div>
  <div class="Motion_3D_Line"></div>
</section>
<div class="TEC_Allterrain TEC_list">
  <div class="DESCENTE-H5_TEC-Allterrain"></div>
</div>
<div class="back_home" style="display: none">返回
  <div class="menu" style="display: none">
    <div class="GUIDE_RT_01 HOME">HOME</div>
    <div class="GUIDE_RT_02 HISTORY">HISTORY</div>
    <div class="GUIDE_RT_03 TEC">TEC</div>
  </div>
</div>
<script id="HOME_PAGE_HTML" type="text/html">
  <section id="HOME_PAGE">
    <div id="btn_brand_history" class="brand_history"></div>
    <div id="btn_innovative_tech" class="innovative_tech"></div>
  </section>
</script>
<!-- build:js scripts/vendor.js -->
<!-- bower:js -->
<script src="/bower_components/jquery/dist/jquery.js"></script>
<script src="/bower_components/swiper/dist/js/swiper.js"></script>
<script src="/bower_components/gsap/src/uncompressed/TweenMax.js"></script>
<script src="/bower_components/handlebars/handlebars.js"></script>
<!-- endbower -->
<!-- endbuild -->
<!-- build:js scripts/main.js -->
<script src="scripts/bscroll.min.js"></script>
<script src="scripts/brandPage.js"></script>
<script src="scripts/tecMainPage.js"></script>
<script src="scripts/mainPage.js"></script>
<!-- endbuild -->
</body>
</html>
